@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;} /* ff */   
*html{margin:0px; padding:0px; } /* IE6 */ 
*+html{margin:0px; padding:0px;} /* IE7 */ 
img {border:0;} 
ul,li {list-style:none; margin:0px; padding:0px;} 
body {font-family:Verdana,"宋体";font-size:12px; background-color:#190200; color:#ffeca2; line-height:18px; background:url(../images/sanguo/body_bg.jpg) repeat-x;}
a:link,a:visited {color: #ffeca2;text-decoration: none;} 
a:hover,a:active {color: #f00;text-decoration: none;}
/*clear*/
.clearfix:after{content:".";visibility:hidden;display:block;clear:both;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}



/**************/
.page_top{background:url(../images/sanguo/page_top_bg.gif) repeat-x; height:17px; width:100%; margin:0px auto; overflow:hidden; z-index:2;}
.warpper{width:952px; margin:0px auto; z-index:1;}
/*****头部****/
.header{background:url(../images/sanguo/header_bg.jpg) 0px 0 no-repeat; width:952px; margin:0px auto; height:291px;}
.header_nav{padding:215px 55px 0px 55px; visibility:inherit;}
.header_nav ul{padding:0px 30px;}
.header_nav li,.header_nav li a{width:110px; height:52px; display:block; float:left;}



/*********内容***********/
.content{background:url(../images/sanguo/content_bg.gif) no-repeat; width:952px; height:734px; margin:0px 32px; margin-top:-17px;}
.sidebar{width:260px; float:left; margin-left:25px; position:absolute;}
.login{width:189px; height:321px; margin-top:10px; background:url(../images/sanguo/login_bg.gif) 0 0 no-repeat; padding:35px 35px;}
.login_title{text-align:center; border-bottom:1px solid #857845; padding-bottom:5px;}
.login_con{height:130px; border-bottom:1px solid #857845; text-align:center; overflow:hidden;}
.login_con ul{margin:10px 0 0 0; text-align:center;}
.login_con li{height:27px; overflow:hidden; color:#000000; line-height:30px; font-weight:bold;}
.login_con_service{text-align:center; margin-top:5px;}
.login_input{width:125px; height:17px; margin-bottom:1px; background:url(../images/sanguo/input_bg.gif) 0 0 repeat-x; border:1px solid #474025;}
.login_top{background:url(../images/sanguo/login_top_bg.gif) left center no-repeat; width:259px; height:39px; overflow:hidden;}
.login_mid{background:url(../images/sanguo/login_mid_bg.gif) left center repeat-y; width:258px; margin-left:1px;}
.login_mid ul{text-align:center;}
.login_btm{background:url(../images/sanguo/login_btm_bg.gif) left center no-repeat; width:259px; height:40px; overflow:hidden;}
.sidebar_ban{margin:3px 0px;}
.game_health{background:url(../images/sanguo/game_health.gif) 0 0 no-repeat; width:259px; height:219px;}
.game_health ul{color:#000000; text-align:center; padding-top:50px; line-height:30px;}


.contetn_right{width:562px; float:right; margin-left:295px; position:absolute; overflow:hidden; background:url(../images/sanguo/content_right_bg.gif) 0 0 no-repeat; height:717px;}
.newsbox{width:561px; height:174px; margin:12px 0 0 7px; overflow:hidden;}
.flashbox{width:288px; height:173px; margin:0px; float:left;}
.news_notice{width:245px; height:173px; margin-left:7px; float:left;}
.news_notice_title{height:23px; padding-top:5px;}
.news_notice_title a{float:right; margin-right:10px; display:inline; width:30px; height:20px;}
.news_notice ul{padding-top:7px;}
.news_notice li,.jingyan li{line-height:23px; padding-left:20px; color:#ffeca2; background:url(../images/sanguo/notice_li.gif) 10px 10px no-repeat;}
.bannerbox{width:541px; height:93px; overflow:hidden; padding:7px; margin:10px 0;}

.jingyan,.huodong,.zhinan,.jiaoliu{width:273px; height:182px; float:left; margin-top:15px;}
.jingyan_con,.huodong_con,.zhinan_con,.jiaoliu_con{position:relative; width:246px; height:123px; }
.jingyan li,.huodong li,.zhinan li,.jiaoliu li{line-height:23px; padding-left:25px; color:#ffeca2; background:url(../images/sanguo/notice_li.gif) 10px 10px no-repeat;}
.jingyan_title,.huodong_title,.zhinan_title,.jiaoliu_title{height:39px; line-height:18px;}
.jingyan_title a,.huodong_title a,.zhinan_title a,.jiaoliu_title a{float:right; margin-right:30px; display:inline; width:30px; height:20px;}
.huodong_title a,.jiaoliu_title a{margin-right:25px;}
.zhinan_title a,.jiaoliu_title a{margin-top:5px;}
.huodong,.jiaoliu{margin-left:10px;}
.zhinan,.jiaoliu{margin-top:10px;}




/***********底***********/
.footer{background:url(../images/sanguo/footer_bg.gif) no-repeat; width:952px; height:223px; position:relative; bottom:0px; z-index:-1; margin-top:-150px; clear:both;}


/**内页**/
.news_pages_contetn_right,.news_title_contetn_right{background:url(../images/sanguo/page_con_right_bg.gif) 0 0 no-repeat; width:562px; float:right; margin-left:295px; position:absolute; overflow:hidden;}
.news_page{width:509px; height:638px; margin-top:15px; padding:17px 23px; position:relative;}
.news_page h1{font-size:14px; font-weight:bold; text-align:center;}
.news_page h2{font-size:12px; font-weight:lighter; padding:15px 0px; text-align:center;}
.news_wei{text-align:center; width:509px; bottom:20px; position:absolute}

/**新闻公告***/
.news_title_contetn_right{margin-top:10px;}
.news_title{width:509px; height:590px; padding:17px 23px; position:relative;}
.news_title ul{}
.news_title li{line-height:23px; padding-left:20px; color:#ffeca2; background:url(../images/sanguo/notice_li.gif) 10px 10px no-repeat;}
.news_title li span{float:right;}

.rcont4{}
.rcont4 #content1{position:absolute; left:30px; width:505px; height:580px; text-align:left;}
.rcont4 #scrollerContainer{position:absolute; width:505px; height:580px; clip:rect(0,522px,580px,0); overflow:hidden; z-index:6;}
.rcont4 #scrollerContent{position:absolute; left:0; top:0; width:505px;}
.rcont4 #scrollerButtons{position:absolute; top:0; left:505px; width:30px; height:575px;}
.rcont4 #scrollerButtons #up{position:absolute; top:0px; left:0; width:15px; height:15px; background: url(../js/sg/arrowup.gif) top left no-repeat; z-index: 2; cursor:pointer;}
.rcont4 #scrollerButtons #track{position:absolute; top:20px; width:15px; height:575px; background:url(../js/sg/scrollbar_bg.gif) top left no-repeat; z-index: 3;}
.rcont4 #scrollerButtons #drag{position:absolute; top:20px; left:0; width:15px; height:28px; background: url(../js/sg/scrollbar.gif) top left no-repeat; z-index:4; cursor:pointer;}
.rcont4 #scrollerButtons #down{position:absolute; top:572px; left:0; width:15px; height:15px; background:url(../js/sg/arrowdown.gif) top left no-repeat; z-index:5; cursor:pointer;}
